<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta http-equiv="X-UA-Compatible" content="IE=emulateIE7" />
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <meta charset="gbk">
    <link rel="stylesheet" href="/static/css/supervise/region/all_style.css"/>
    <link rel="stylesheet" href="/static/css/supervise/layui.css" media="all">
    <link rel="stylesheet" type="text/css" href="/static/base/common/css/common.css" />
    <script type="text/javascript" src="/static/webjars/layui/layui.js" charset="utf-8"></script>
    <script type="text/javascript" src="/static/base/common/js/jquery.js"></script>
    <script type="text/javascript" src="/static/webjars/echarts/echarts.js"></script>
    <script type="text/javascript" src="/static/js/supervise/station/echarts-liquidfill.min.js"></script>
    <link rel="stylesheet" href="/static/css/supervise/region/station_static_show.css"/>
    <title>岗位评价</title>
</head>


<body style="width:100%;height:100%;">
<canvas id="c" style=" position: absolute;top: 0;left: 0;background-color: black;position:absolute;z-index:0;width:100%;height:100%;" width="1920" height="1014"></canvas>

<%--上面图部分--%>
<div class="layui-row layui-col-space15" style="height:45%;">
    <div class="layui-col-md4 layui-col-sm12" style="height:100%;">
        <div class="layui-card" style="height:40%;">
            <div class="layui-card-header">岗位工作量</div>
            <div class="layui-card-body" style="height: 70%;">
                <div class="wrapper">
                    <div class="counter col_fourth">
                        <i class="fa fa-code fa-2x"></i>
                        <h2 class="timer count-title" id="count-number1" >300</h2>
                        <p class="count-text ">上报数</p>
                    </div>

                    <div class="counter col_fourth">
                        <i class="fa fa-coffee fa-2x"></i>
                        <h2 class="timer count-title" id="count-number2" >17870</h2>
                        <p class="count-text ">受理数</p>
                    </div>
                </div>

                <div class="counter col_fourth ">
                    <i class="fa fa-bug fa-2x"></i>
                    <h2 class="timer count-title" id="count-number3" >157</h2>
                    <p class="count-text ">结案数</p>
                </div>
                <div class="counter col_fourth end">
                    <i class="fa fa-bug fa-2x"></i>
                    <h2 class="timer count-title" id="count-number4">1273</h2>
                    <p class="count-text ">案件总数</p>
                </div>

            </div>

        </div>


        <div class="layui-card" style="height: 55%;">

            <div class="layui-card-body" style="height: 100%;">
                <div id="charts1" style="height: 100%; -webkit-tap-highlight-color: transparent; user-select: none; position: relative;" ></div>
            </div>
        </div>
    </div>


    <div class="layui-col-md8 layui-col-sm12" style="height:100%;">
        <div class="layui-card" style="height:100%;">
            <div class="layui-card-body" style="height:100%;">
                <div id="charts2" style="height: 100%; -webkit-tap-highlight-color: transparent; user-select: none; position: relative;" ></div>

            </div>
        </div>
    </div>
</div>

<%--控制中间位置--%>
<div class="layui-row layui-col-space15" style="height:2.5%;"></div>

<%--下面图部分--%>
<div class="layui-row layui-col-space15" style="height:50%;">

    <div class="layui-col-md4" style="height:100%;">
        <div id="table-card" class="layui-card" style="height:100%;">
            <div class="layui-card-body" style="height: 100%;">
                <table class="layui-table" lay-skin="line" style="height: 100%;">
                    <colgroup>
                        <col width="100">
                        <col width="100">
                        <col width="150">
                        <col>
                    </colgroup>
                    <thead>
                    <tr>
                        <th>人物</th>
                        <th>民族</th>
                        <th>出生时间</th>

                    </tr>
                    </thead>
                    <tbody>
                    <tr>
                        <td>李建国</td>
                        <td>汉族</td>
                        <td>1989-10-14</td>

                    </tr>
                    <tr>
                        <td>赵德</td>
                        <td>汉族</td>
                        <td>1967-09-30</td>

                    </tr>
                    <tr>
                        <td>石磊</td>
                        <td>汉族</td>
                        <td>1980-06-27</td>

                    </tr>
                    <tr>
                        <td>岳飞</td>
                        <td>汉族</td>
                        <td>1988-02-24</td>

                    </tr>
                    <tr>
                        <td>孟宁</td>
                        <td>汉族</td>
                        <td>1976-11-23</td>

                    </tr>
                    <tr>
                        <td>岳飞</td>
                        <td>汉族</td>
                        <td>1988-02-24</td>

                    </tr>
                    <tr>
                        <td>邵祥</td>
                        <td>汉族</td>
                        <td>1976-11-23</td>

                    </tr>
                    <tr>
                        <td>刘德文</td>
                        <td>汉族</td>
                        <td>1988-02-24</td>

                    </tr>
                    <tr>
                        <td>谢宗元</td>
                        <td>汉族</td>
                        <td>1976-11-23</td>
                    </tr>
                    <tr>
                        <td>刘阳</td>
                        <td>汉族</td>
                        <td>1975-1-2</td>
                    </tr>
                    <tr>
                        <td>刘冰</td>
                        <td>汉族</td>
                        <td>1974-6-20</td>
                    </tr>
                    <tr>
                        <td>张宋</td>
                        <td>汉族</td>
                        <td>1970-12-9</td>
                    </tr>
                    </tbody>
                </table>
            </div>
        </div>
    </div>
    <div class="layui-col-md8" style="height:100%;">
        <div class="layui-card" style="height:100%;">
            <div class="layui-card-body" style="height:100%;">
                <div id="charts7" style="height: 100%;
                 -webkit-tap-highlight-color: transparent;
                 user-select: none; position: relative;
                ">
                </div>
            </div>
        </div>
    </div>



</div>

<%--控制下面--%>
<div class="layui-row layui-col-space15" style="height:2.5%;">
<script type="text/javascript" src="/static/js/supervise/region/jquery.js"></script>
<script type="text/javascript" src="/static/js/special/dat.gui.min.js"></script>
<script type="text/javascript" src="/static/js/special/index.js"></script>
<script type="text/javascript" src="/static/js/supervise/region/index.js"></script>
<script type="text/javascript" src="/static/js/special/countUp.min.js"></script>
<script type="text/javascript" src="/static/js/supervise/station/station_static_show.js"></script>
</body>
</html>